import React from 'react'
import RightSidebarPage from '../../containers/RightSidebarPage/RightSidebarPage'
import { Outlet } from 'react-router-dom'

export default function BodyHomePage() {
    return (
        <div className='BodyHomePage'>
            <div className="container text-center"> <div className="row"> <div className="col"> </div>
                {/* 主体按三栏划分中间分配1500px的宽度 */}
                <div className="col-6 " style={{ width: 1500 }}  ><div className="container text-center">
                    <div className="row">
                        {/* 主页的主体部分 */}
                        <div className="col-sm-8 shadow p-3 mb-5 bg-body-tertiary rounded">
                            <Outlet />
                        </div>
                        {/* 右侧导航栏 */}
                        <div className="col-sm-4" style={{ maxWidth: 400, float: "float" }}>
                            <RightSidebarPage />
                        </div>
                    </div>
                </div></div>
            </div></div>
        </div >
    )
}
